const autoprefixer = require("autoprefixer"); // 处理兼容性
const atImport = require("postcss-import"); // 处理 css 导入的
const cssnano = require("cssnano"); // 处理 css 代码压缩的
const cssnext = require("postcss-cssnext"); // 使用未来的css属性
const apply = require("postcss-apply"); // 使用未来的css属性 代码块属性 https://github.com/pascalduez/postcss-apply
const precss = require("precss"); // 处理 css 代码压缩的

module.exports = {
  // 执行顺序和导入顺序一样 所以要将压缩代码的放在最后面 cssnano
  plugins: [
    precss,
    // atImport, // 导入的模块自动 引入进去
    // apply, // 未来属性
    // cssnext,
    // autoprefixer({
    //   // 处理浏览器兼容性
    //   // 增加兼容性 所有浏览器 最近的两个版本 浏览器的指定方式的数据 来源是 can i use 网站
    //   //   overrideBrowserslist: ["last 2 versions"],
    //   overrideBrowserslist: [">0%"],
    //   //   overrideBrowserslist: ["Firefox >1"],
    // }),
    // cssnano, // 放在最后
  ],
};
